{% extends 'layout.html' %}

{% block body %}
<div class="container content">
    <div class="row"> 
      <div class="col-md-9" role="main">
        <div class="box highlight">
          <div class="inner tab_title highlight"> <a href="#">MooBo </a>><a href="{% url 'bbs:join' %}"> 注册</a></div>
          <form class="form-horizontal" role="form" action="" method="post">
            {% csrf_token %}
            <div class="form-group">
              <label for="inputEmail3" class="col-sm-2 control-label">用户名</label>
              <div class="col-sm-3">
                <!-- <input type="email" class="form-control" id="inputEmail3" placeholder="Email" > -->
                {{form.username}}
              </div>
            </div>
            <div class="form-group">
              <label for="inputPassword3" class="col-sm-2 control-label">密码</label>
              <div class="col-sm-3">
                <!-- <input type="password" class="form-control" id="inputPassword3" placeholder="Password"> -->
                {{form.password1}}
              </div>
            </div>
            <div class="form-group">
              <label for="inputPassword3" class="col-sm-2 control-label">确认密码</label>
              <div class="col-sm-3">
                <!-- <input type="password" class="form-control" id="inputPassword3" placeholder="Password"> -->
                {{form.password2}}
              </div>
            </div>
            <!-- <div class="form-group">
              <div class="col-sm-offset-2 col-sm-10">
                <div class="checkbox">
                  <label>
                    <input type="checkbox">
                    Remember me </label>
                </div>
              </div>
            </div> -->
            <div class="form-group">
              <div class="col-sm-offset-2 col-sm-10">
                <button type="submit" class="btn btn-default">注册</button>
              </div>
            </div>
          </form>
        </div>
      </div>
      <div class="col-md-3">
        <div class="box highlight">
          <div class="cell"> <strong>这是一个关于技术分享和探索的地方</strong> </div>
          <div class="inner">
            已有账号 : <button type="button" class="btn btn-primary" onclick="location.href='{% url 'bbs:login' %}';">直接->登录</button>
          </div>
        </div>
        <div class="box">
          <div class="inner tab_title"> <a href="/?tab=tech">最近热议主题</a></div>
          <div class="cell"> <a class="user" href="#" style="max-height:24px; max-width:24px"></a><a href="/t/89617">windows下你必定会用到的快捷键?</a> </div>
          <div class="cell"> <a class="user" href="#" style="max-height:24px; max-width:24px"></a><a href="/t/89617">windows下你必定会用到的快捷键?</a> </div>
          <div class="cell"> <a class="user" href="#" style="max-height:24px; max-width:24px"></a><a href="/t/89617">windows下你必定会用到的快捷键?</a> </div>
        </div>
      </div>
    </div>
  </div>
{% endblock %}